﻿@charset "utf-8";
@import url(reset.css);
@import url(min.css);
/* CSS Public Start*/
.br { clear:both; width:100%; height:15px; margin:0; padding:0; overflow:hidden; }
.public_width { clear:both; width:960px; margin:0 auto; background-color:#FFF; overflow:hidden; }
/* CSS Public End*/

/* CSS header Start */
.header { height:100px; }
	.header .logo { float:left; width:235px; padding-top:25px; text-align:center; }
	.header .right { float:right; width:715px; }
	.header .right dl { padding-left: 10px; overflow:hidden;}
	.header .right dl dt { height:30px; line-height:30px; text-align:right; }
	.header .right dl dd img { width:705px; height:60px; overflow:hidden; }
/* CSS header End*/

/* CSS nav Start*/
.nav {}
	.nav ul { color:#FFF; height:30px; padding-top:3px; padding-left:250px; background: url("images/navTopic_bg.gif") repeat-x 0 0; overflow:hidden; zoom:1; }
	.nav ul li {
		float:left;
		font-size:13px;
		line-height:28px;
		width:100px;
		text-align:center;
		vertical-align:middle; 
		overflow:hidden;
	}
	.nav ul li a { color:#FFF; }
	.nav ul li a:hover { color:#F90; }
	.nav ul li.search { float:right; width:295px; text-align:left; overflow:hidden; }
	.nav ul li.search form { margin-top:1px; }
	.nav ul li.search form input {
		display:inline-block;
		float:left;
		width:220px;
		height:17px;
		text-indent:30px;
		margin-right:3px;
		padding-top:5px;
		border-width:1px;
		border-style:solid;
		border-color:#467899 #DDD #DDD #467899;
		background:#FFF url("images/search_input.jpg") no-repeat 5px 4px;
	}
	.nav ul li.search form button {
		display:inline-block;
		float:left;
		font-size:14px;
		color:#234851;
		font-weight:700;
		width:54px;
		height:25px;
		line-height:25px;
		border:none;
		background:url("images/search.jpg") no-repeat 0 0;
		overflow:hidden;
	}
/* CSS nav End*/

.location { color:#999; height:30px; line-height:30px; padding-top:10px; overflow:hidden;}
	.location a { color:#999; vertical-align:top;}
/* CSS news list Start */
.list { width:958px; border:#CCC 1px solid; background:url("images/dt_bg.gif") repeat-y 657px 0; }	
	.list .left dl.poi,
	.list .left dl.shop dt,
	.list .right dl.hot dt,
	.list .right h3.ebook,
	.list .right dl.dl3 dt { background:url("images/mark.gif") no-repeat 0 0; overflow:hidden; }
	
	.list .left { float:left; width:180px; border-right:#DDD 1px solid; overflow:hiddden; }
	.list .left dl.poi { padding:30px 10px 0 10px; overflow:hidden; background-position: 10px -165px }
	.list .left dl.poi dd { padding: 5px 12px 15px 12px; border-top:#DDD 1px solid; background-color:#FFF; }
	.list .left dl.poi dd a { display:block; text-align:center; margin-bottom:15px; }
	.list .left dl.poi dd a span { display:block; padding:3px; border:#EEE 1px solid; }
	.list .left dl.poi dd a:hover span { padding:3px; border-color:#F90; }
	
	.list .left dl.shop { padding:0 8px 40px 8px; border-top:#DDD 1px solid;}
	.list .left dl.shop dt { height:32px; border-bottom:#DDD 1px solid; margin-bottom:10px; background-position: 0 -95px; } 
	.list .left dl.shop dd { padding:7px 0 3px 0; border-bottom:#DDD 1px dotted; }
	
	.list .center { float:left; width:476px; padding-top:10px; padding-right:1px; overflow:hidden; }
	.list .center h1 { height:40px; background:url("images/Topic_bg.gif") repeat-x 0 4px; overflow:hidden; }
	
	.list .center dl { padding:10px; }
	.list .center dl dt { height:25px; text-indent:5em; background:url("images/list_c_dl_dt.gif") no-repeat 0 1px; overflow:hidden; zoom:1; }
	.list .center dl dt a { font-size:15px; color:#F60; }
	.list .center dl dt span { float:right; color:#AAA; margin-top:-2px; }
	.list .center dl dd { padding:10px 5px 10px 1.5em; color:#999; }

	.list .center dl.dl1 { background-color:#E5EEF5; }
	.list .center dl.dl2 dt {background-position:0 -24px;}
	.list .center dl.dl3 { margin-bottom:2em; background-color:#E5EEF5; }
	.list .center dl.dl3 dt { background-position:0 -49px; }
	
	.list .center ul { padding:0 10px; background-image:url("images/list_bg.gif"); overflow:hidden; zoom:1; }
	.list .center li { font-size:13px; height:35px; line-height:35px; overflow:hidden; }
	.list .center li span { float:right; color:#999; margin-top:-2px; }
	.list .center div.page { text-align:center; padding-top:80px; }
	.list .center div.page span { display:inline-block; padding:0 5px; border:#69F 1px solid; }
	.list .center div.page span a { color:#69F; }
	.list .center div.page span.off { border-color:#FFF; }
	
	.list .right { float:right; width:300px; padding-bottom:20px; overflow:hidden; }
	.list .right dl.hot { padding:0 10px 15px 10px; }
	.list .right dl.hot dt { height:32px; margin-bottom:10px; border-bottom:#DDD 1px solid; background-position:0 -60px; }
	.list .right dl.hot dd { padding-top:8px; }
	
	.list .right h3.ebook { display:block; height:32px; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background-position: 10px -200px; }
	.list .right dl.tabitem { padding-top:5px; }
	.list .right dl.tabitem dt { height:25px; border-top:#DDD 1px solid; background:url("images/dt_bg.gif") repeat-x 0 24px; overflow:hidden; }
	.list .right dl.tabitem dt em{ display:block; font:12px Simsun; float:left; height:24px; line-height:24px; padding:0 10px; border-right:#DDD 1px solid; background-color:#E5EDF5; overflow:hidden; cursor:pointer; }
	.list .right dl.tabitem dd { padding:10px 0 10px 5px; height:180px; border-bottom:#DDD 1px solid; overflow:hidden; }
	.list .right dl.tabitem dt em.off { height:25px; background-color:#FFF; }
	.list .right dl.tabitem ul { display:none; }
	.list .right dl.tabitem ul.off { display:block; }
	
	.list .right dl.dl3 { padding:10px 10px 25px 10px;}
	.list .right dl.dl3 dt { height:32px; margin-bottom:10px; border-bottom:#DDD 1px solid; background-position:0 -132px;}
	.list .right dl.dl3 dd { padding:10px 0 3px 1.5em; border-bottom:#AAA 1px dotted; background:url("images/li.gif") no-repeat 0 -46px; }
/* CSS news list End */

/* CSS news offer Start */
div.offer { }
	div.offer .left dl.shops dt,
	div.offer .right dl.offer dt,
	div.offer .right dl.hot dt,
	.news .right dl.offer dt,
	.news .right dl.hot dt { background:url("images/mark.gif") no-repeat 0 0; overflow:hidden; }
	
	div.offer .left { float:left; width:648px; overflow:hidden; }
	div.offer .left .bor { clear:both; width: 646px; height:1px; margin:0 auto; background-color:#BDE; overflow:hidden; }
	div.offer .left .min { clear:both; padding:1px; border:#BDE 6px solid; background-color:#39C; zoom:1; }
	div.offer .left .min .div { background-color:#FFF; overflow:hidden; zoom:1; }
	div.offer .left .min .div dl.topic { width:620px; margin: 0 auto 2em auto; padding:15px 0px 10px 0px; border-bottom:#DDD 1px dotted; overflow:hidden; zoom:1; }
	div.offer .left .min .div dl.topic dt { float:left; font:700 26px Simsun; color:#06C; background-color:#FFF; overflow:hidden; }
	div.offer .left .min .div dl.topic dd { float:right; text-align:right; }
	div.offer .left .min .div dl.topic dd a { display:inline-block; color:#FFF; width:61px; height:18px; padding-top:2px; text-align:center; background: url("images/offer_span.gif") no-repeat 0 0; filter:alpha(opacity=40);opacity: 0.4;}
	div.offer .left .min .div dl.topic dd a:hover { filter:alpha(opacity=100);opacity: 1.0;}
	div.offer .left .min .div dl.topic dd a.no { background-position:0 -25px; filter:alpha(opacity=100);opacity: 1.0;}
	div.offer .left .min .div dl.topic dd em { display:block; font:12px Simsun; padding: 12px 0 0 22px; }
	div.offer .left .min .div dl.topic dd em img { margin-right:7px; margin-top:-3px; }
	
	div.offer .left .min .div dl.tab { float:left; width:250px; height:300px; padding-left:2em; overflow:hidden; }
	div.offer .left .min .div dl.tab dt {width:242px; height:181px; padding:3px; border:#DDD 1px solid; overflow:hidden; }
	div.offer .left .min .div dl.tab dd { padding:24px 0 0 8px; }
	div.offer .left .min .div dl.tab dd span { display:inline-block; vertical-align: middle; cursor:pointer; margin-right:5px; padding:2px; border:#DDD 1px solid; }
	div.offer .left .min .div dl.tab dd span.off { padding:3px; border:#39C 2px solid;}
	div.offer .left .min .div dl.tab dd span img { width:63px; height:48px; }
	
	div.offer .left .min .div dl.detail { float:left; width:340px; padding:0 7px 22px 1em; overflow:hidden; }
	div.offer .left .min .div dl.detail dt { font-size:14px; color:#06C; padding:9px 0; }
	div.offer .left .min .div dl.detail dd { padding-top:5px; }
	div.offer .left .min .div dl.detail dd label { display:inline-block; float:left; color:#777; width:60px; text-align:right; }
	div.offer .left .min .div dl.detail dd.off { position:relative; line-height:20px; height:60px; overflow:hidden; }
	div.offer .left .min .div dl.detail dd.off a { clear:both; float:right; color:red; position:absolute; bottom:0px; right:5px; background-color:#FFF; }
	
	div.card .left div.info dl.regitem,
	div.offer .left .min .div dl.regitem { float:right; margin:0 1em 1em 0; padding:9px; border:#DDD 1px solid; }
	div.card .left div.info dl.regitem dt,
	div.card .left div.info dl.regitem dd,
	div.offer .left .min .div dl.regitem dt ,
	div.offer .left .min .div dl.regitem dd { float:left; padding:0 9px; }
	div.card .left div.info dl.regitem dd,
	div.offer .left .min .div dl.regitem dd { border-left:#EEE 1px dotted; }
	
	div.offer .left .other { position:relative; height:200px; margin-top:30px; padding:0 10px; border:#DDD 2px dashed; background-color:#F3F9FB; }
	div.offer .left .other img.scissors { position:absolute; right:8px; top:-13px; }
	div.offer .left .other h2 { font-size:13px; font-weight:700; color:#06C; padding:10px 0 5px 0; }
	div.offer .left .other dl { clear:both; padding:10px 0 12px 1em; border-top:#DDD 1px dotted; overflow:hidden; zoom:1; }
	div.offer .left .other dl dt { float:left; padding:2px; border:#DDD 1px solid; background-color:#FFF; }
	div.offer .left .other dl dt img { width:63px; height:48px; }
	div.offer .left .other dl dd { float:right; width:540px;}
	div.offer .left .other dl dd h3 { color:#06C; padding-bottom:3px; }
	div.offer .left .other dl dd h3.no { color:#999; }
	div.offer .left .other dl dd h3 em { font:12px Simsun; float:right; padding-top:2px; }
	div.offer .left .other dl dd span { display:block; color:#777; padding-left:1em; }
	
	div.offer .left dl.shops { padding:1em; border:#DDD 1px solid; overflow:hidden; zoom:1; }
	div.offer .left dl.shops dt { height:29px; border-bottom:#DDD 1px solid; background-position: 0 -101px;}
	div.offer .left dl.shops dd { float:left; width:205px; padding-top:8px; height:15px; text-align:center; overflow:hidden; }
	
	div.offer .right { float:right; width:280px; padding:10px; border:#DDD 1px solid;}
	div.offer .right dl { padding:15px 0; overflow:hidden; zoom:1; }
	div.offer .right dl.hot { padding-top:0; }
	div.offer .right dl dt { height:28px; border-bottom:#DDD 1px solid; overflow:hidden; }
	div.offer .right dl.offer dt { height:32px; background-position: 0 5px; }
	div.offer .right dl.hot dt { height:32px; margin:20px 0 10px 0; background-position: 0 -25px;}
	div.offer .right dl dd { height:18px; padding-top:8px; }
	div.offer .right dl.hot dd { height:20px; border-bottom:#AAA 1px dotted; }
	
	div.offer .right dl dd em { display:inline-block; float:left; font:12px Simsun; color:#FFF; width:16px; height:15px; margin-right:5px; padding-top:1px; text-align:center; background:url("images/em.gif") no-repeat 0 0; overflow:hidden; }
	div.offer .right dl dd em.off { background-position:0 -30px;}
/* CSS news offer End */

/* CSS news Card Start */
div.card {}
	div.card .left { float:left; width:648px; overflow:hidden; zoom:1; }
	div.card .left .bg_a { position:relative; background-color:#BDE; border-top:#FFF 5px solid; }
	div.card .left div.info { position:relative; width:621px; top:-5px; margin-bottom:-5px; padding:2em 10px 21px 10px; border:#39C 1px solid; background-color:#FFF; overflow:hidden; zoom:1; }
	div.card .left div.info ol { float:left; border:#DDD 1px solid; padding:4px; overflow:hidden; }
	div.card .left div.info dl.cont { float:left; width:350px; padding-left:15px; overflow:hidden; zoom:1; }
	div.card .left div.info dl.cont dt { font-size:20px; color:#06C; font-weight:700; margin-bottom:10px; padding:3px 0 11px 0; border-bottom:#DDD 1px dotted; }
	div.card .left div.info dl.cont dd { padding-top:6px; }
	div.card .left div.info dl.regitem { margin-top:15px; margin-right:25px; }
	div.card .left div.info ul { clear:both; position:relative; line-height:20px; height:80px; overflow:hidden;}
	div.card .left div.info ul label { color:#39C; }
	div.card .left div.info ul a { color:red; position:absolute; bottom:0; right:0; background-color:#FFF; }
	div.card .left div.infofoot { height:5px; border-left:#FFF 5px solid; background-color:#BDE; overflow:hidden; }
	
	div.card .left div.demopic { position:relative; overflow:hidden; zoom:1; }
	div.card .left div.demopic .showpic { float:left; width:520px; }
	div.card .left div.demopic .showpic dl { padding-bottom:8px; background:url("images/showpic_dt.gif") no-repeat right -70px; }
	div.card .left div.demopic .showpic dl dt { margin-right:6px; background:url("images/showpic_dt.gif") repeat-x 0 -35px; }
	div.card .left div.demopic .showpic dl dt span { display:block; color:#06C; font-size:14px; height:34px; line-height:34px; padding-left:1em; background:url("images/showpic_dt.gif") no-repeat 0 0; overflow:hidden; }
	div.card .left div.demopic .showpic dl dd { position:relative; color:#999; height:80px; line-height:20px; padding:1em 1em 0 1em; overflow:hidden; }
	div.card .left div.demopic .showpic dl dd a { color:red; position:absolute; bottom:0; right:1em; background-color:#FFF; }
	div.card .left div.demopic .showpic ul { width:510px; height:340px; padding:4px; border:#DDD 1px solid; background:url("images/loading.gif") no-repeat center center; overflow:hidden; }
	
	div.card .left div.demopic .navpic { float:right; width:111px; }
	div.card .left div.demopic .navpic ul { height:430px; padding:0 2px; overflow:hidden; }
	div.card .left div.demopic .navpic ul li { cursor:pointer; margin-top:10px;  padding:4px 3px; border:#DDD 1px solid;}
	div.card .left div.demopic .navpic ul li.off {margin:10px -1px 0 -1px; padding:3px 3px; border:#1975D1 2px solid;}
	div.card .left div.demopic .navpic ul li img { width:99px; height:66px; overflow:hidden; }
	
	div.card .left div.demopic .navpic h3,
	div.card .left div.demopic .navpic h4 { background:url("images/nav_button.gif") no-repeat 0 0; }
	div.card .left div.demopic .navpic h3 a,
	div.card .left div.demopic .navpic h4 a { display:block; height:15px; padding-top:7px; }
	div.card .left div.demopic .navpic h3 a span,
	div.card .left div.demopic .navpic h4 a span { cursor:pointer; display:block; width:15px; height:9px; margin:0 auto; background:url("images/nav_button_a.gif") no-repeat 0 -11px; }
	div.card .left div.demopic .navpic h3 a span { background-position: 0 -11px; }
	div.card .left div.demopic .navpic h3 a:hover span { background-position: 0 -22px; }
	div.card .left div.demopic .navpic h4 { margin-top:10px; }
	div.card .left div.demopic .navpic h4 a span { background-position: -18px -11px; }
	div.card .left div.demopic .navpic h4 a:hover span { background-position: -18px -22px; }
	
	div.card .left div.demopic .navpic h3 a span.off,
	div.card .left div.demopic .navpic h3 a:hover span.off { background-position: 0 0; }
	div.card .left div.demopic .navpic h4 a span.off,
	div.card .left div.demopic .navpic h4 a:hover span.off { background-position: -18px 0; }

	div.card .right { float:right; width:302px; padding:0; border:0;} 
	div.card .right div.headbor { padding-bottom:5px; border:#39C 1px solid; }
	div.card .right div.headbor ol { color:#960; margin-bottom:5px; padding:5px 0 3px 1em; border-top:#BDE 1px solid; border-bottom:#39C 1px solid; }
	div.card .right div.headbor ol a { color:#960; }
	div.card .right div.headbor ol a:hover { color:#F90; }
	div.card .right div.headbor ul { padding-left:1em; overflow:hidden; zoom:1; }
	div.card .right div.headbor ul label { display:inline-block; float:left; color:#999; width:60px; vertical-align:top; overflow:hidden; }
	div.card .right div.headbor ul span { display:inline-block; float:left; width:225px; }
	
	div.card .right div.footbor { padding:10px; border:#DDD 1px solid; }
	
	div.card .right dl.offer { padding-top:0; }
/* CSS news Card End */


/* CSS news content Start */
.news { width:958px; border:#CCC 1px solid; background:url("images/dt_bg.gif") repeat-y 657px 0; }
	.news .left { float:left; width:598px; padding:0 29px; overflow:hidden; }
	.news .right { float:right; width: 300px;}
	.news .left h1.topic {
		display:block;
		font-size:25px;
		font-weight:700;
		font-family:Simsun;
		height:70px;
		line-height:70px;
		text-align:center;
		border-bottom:#EEE 1px dotted;
	}
	.news .left h2.other { display:block; font-size:12px; color:#999; height:25px; line-height:25px; margin-bottom:2em; }
	.news .left h2.other span { float:right; }
	.news .left h2.other span a { color:#777; }
	.news .left .page { margin:0 auto; padding:30px 0; text-align:center; }
	.news .left .page span { display:inline-block; padding:0 5px; border:#69F 1px solid; }
	.news .left .page span a { color:#69F; }
	.news .left .page span.off { border-color:#FFF; }
	.news .left .page span.off a { color:#333; }
	
	.news .left h3.hot {
		font-size:16px;
		font-weight:700; 
		padding:10px 0 8px 0;
		border-top:#CCC 1px dotted; 
		border-bottom:#CCC 1px solid;
	}
	.news .left ul.hot { padding-bottom:15px;}
	.news .left ul.hot li { padding-top:10px; }
	.news .left div.hot { padding-left:5px;}
	.news .left div.hot dl { float:left; width:123px; padding:15px 15px 15px 10px; overflow:hidden; }
	.news .left div.hot dl dd { font-size:12px; line-height:22px; text-align:center; padding-top:10px; }
	.news .left div.hot dl a { display:block; }
	.news .left div.hot dl dt a { padding:3px; border:#EEE 1px solid; }
	.news .left div.hot dl dt a:hover { border-color:#F90; }
	
	.news .right dl.offer { padding:15px 12px; }
	.news .right dl.offer dt { height:32px; margin-bottom:15px; border-bottom:#DDD 1px solid; background-position: 0 7px; }
	.news .right dl.offer dd { padding-top:7px; }
	
	.news .right dl.hot { padding:15px 15px 25px 15px; overflow:hidden; }
	.news .right dl.hot dt { height:32px; margin-bottom:10px; border-bottom:#DDD 1px solid; background-position: 0 -25px; }
	.news .right dl.hot dd { height:20px; padding-top:12px; border-bottom:#AAA 1px dotted; }
	.news .right dl.hot dd em { display:inline-block; float:left; font:12px Simsun; color:#FFF; width:16px; height:15px; margin-right:5px; padding-top:1px; text-align:center; background:url("images/em.gif") no-repeat 0 0; overflow:hidden; }
	.news .right dl.hot dd em.off { background-position:0 -30px;}
/* CSS news content End */

/* CSS Topic Page Start */
.pagetopic {}
	.pagetopic .banner { height:170px; padding:1px; border:#DDD 1px solid; background:url("images/topic-banner-bg.gif") repeat-x 0 bottom;}
	.pagetopic .banner a { color:#F90; }
	.pagetopic .item {}
/* CSS Topic Page End */

/* CSS footer Start */
.footer { height:100px; margin-top:15px; padding-top:10px; background:url("images/bg_footer.gif") no-repeat center 0;}
/* CSS footer End */
	
	